{% extends "layout.html" %}
{% load staticfiles %}
{% load promotion_tags %}
{% load i18n %}

{% block body_class %}home-page{% endblock body_class %}

{% block header %}
{% endblock %}

{% block page_promotions %}
<div id="homepage-carousel" class="flexslider">
    <ul class="slides">
        <li>
            <a href="#"><img src="{% static "demo/img/carousel/homepage-banners-01.jpg" %}" alt="{{ shop_name }} - {{ shop_tagline }}"  width="140" height="108" /></a>
        </li>
        <li>
            <a href="#"><img src="{% static "demo/img/carousel/homepage-banners-02.jpg" %}" alt="{{ shop_name }} - {{ shop_tagline }}"  width="140" height="108" /></a>
        </li>
    </ul>
</div>
{% endblock %}

{% block content %}

    {% comment %}
        Markup on this page is somewhat temporary. Class wrappers with
        'widget' are probably to be used as fancypage widgets and will
        be removed from here.
        'homepage-carousel' and structural classes could also be included in that statement.
    {% endcomment %}

    <div class="row-fluid">
        <div class="span8">
            <div class="row-fluid">
                <div class="span6">
                    <iframe src="http://player.vimeo.com/video/72191713?title=0&amp;byline=0&amp;portrait=0"
                            width="750" height="422" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
                </div>

            </div>

            {% for promotion in promotions_page %}
                {% render_promotion promotion %}
            {% endfor %}
        </div>
        <div class="span4">
        <div class="promotion-block widget-delivery">
            <img src="{% static "demo/img/carousel/envios.jpg" %}" alt="">
        </div>
        <div class="promotion-block widget-delivery">
            <img src="{% static "demo/img/carousel/stock.jpg" %}" alt="">
        </div>
            <!--<div class="promotion-block widget-delivery">
                <h3><i class="icon-earth"></i>{% trans "World wide delivery" %}</h3>
                <p>{% trans "We ship worldwide from our warehouses in Melbourne, Australia and other locations depending on brand and destination." %}</p>
                <a href="#" class="btn">{% trans "Find out more" %}</a>
            </div>

            <div class="promotion-block widget-shipping">
                <h3 class="free-delivery"><i class="icon-truck"></i> <span><strong>{% trans "Free shipping" %}</strong> <br/> {% trans "For all orders over $300" %}</span></h3>
                <p>{% trans "We offer Free Shipping for all orders over $300*." %}</p>
                <a href="#" class="btn">{% trans "Find out more" %}</a>
            </div>-->
        </div>
    </div>
{% endblock %}
